<template>
  <div>
    <h1>组件5</h1>
    姓名：
    <input type="text" v-model="name" />
  </div>
</template>

<script>
export default {
  name: "component5",
  data() {
    return {
      name: "组件5"
    };
  },
  created() {
    console.log("组件5被创建");
  },
  updated() {
    console.log("组件5被更新");
  },
  mounted() {
    console.log("组件5被挂载");
  },
  destroyed() {
    console.log("组件5被销毁");
  }
};
</script>
<style lang="stylus" scoped></style>
